<template>
  <div>
    Inp
    <br>
    <input type="text" v-model="abc">--这是子组件
    <input type="text" placeholder="改变父组件的bbb" v-model="bbb" @input="son">
  </div>
</template>

<script>
export default {
  data() {
    return {
      msg: "",
      bbb:''
    };
  },
  props:['abc'],
  methods:{
      son(){
          this.$emit('sonFun',this.bbb)
      }
  },
  beforeCreate() {
    console.log("son-beforeCreate");
  },
  created() {
    console.log("son-created");
  },
  beforeMount() {
    console.log("son-beforeMount");
  },
  mounted() {
    console.log("son-mounted");
  },
  beforeUpdate() {
    console.log("son-beforeUpdate");
  },
  updated() {
    console.log("son-updated");
  },
  beforeDestroy() {
    console.log("son-beforeDestroy");
  },
  destroyed() {
    console.log("son-destroyed");
  }
};
</script>

<style>
</style>
